<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css列表</title>
    <style>

        #a{
            list-style-type: circle;
        }

        #b{
            list-style-type:square;
        }

        #c{
            list-style-type: upper-roman;

        }

        #d{
            list-style-type:lower-alpha;

        }

        #e{

            list-style-image:url("../../image/4.png");

        }

    </style>

</head>
<body>


<h2>列表样式:list-style-type</h2>
<hr>
无序列表:<br>

<ul id="a">
    <li>红茶</li>
    <li>绿茶</li>
    <li>冰红茶</li>
</ul>
<ul id="b">
    <li>红茶</li>
    <li>绿茶</li>
    <li>冰红茶</li>
</ul>

有序类表:<br>

<ol id="c">
    <li>红茶</li>
    <li>绿茶</li>
    <li>冰红茶</li>
</ol>

<ol id="d" >
    <li>红茶</li>
    <li>绿茶</li>
    <li>冰红茶</li>
</ol>

<h2>给无序列表指定图像</h2>

<ul id="e">
    <li>红茶</li>
    <li>绿茶</li>
    <li>奶茶</li>

</ul>

</body>
</html>